{extend name="layout"}
{block name="style"}
<style>
body{min-width: inherit;background-color: #fff;overflow-x: hidden;}
.teacher{display: none;}
.layui-layout-admin .layui-body{top:10px;}
form{padding:50px 0;}
.layui-footer{width: 100%;position: fixed;bottom: 0;padding:10px 0px;background-color: #eee;text-align: center;}
</style>
{/block}
{block name="header"}{/block}
{block name="menu"}{/block}
{block name="more"}{/block}
{block name="footer"}

{/block}
{block name="main"}
<form class="layui-form" action="" method="post">
  
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">语言</label>
      <div class="layui-input-inline">
        <select name="lang" lay-filter="">
          <option value="">请选择语种</option>
          {volist name="langs" id="vo"}
          <option value="{$vo['id']}" {if $vo['id']==$data['lang']}selected{/if}>{$vo['title']}</option>
          {/volist}
        </select>
      </div>
    </div>
  </div>
  
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">名称</label>
      <div class="layui-input-inline">
        <input type="text" name="name" value="{$data['name']}" placeholder="" required lay-verify="name" autocomplete="off" class="layui-input">
      </div>
    </div>
  </div>
    
     <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">电话</label>
      <div class="layui-input-inline">
          <input type="text" name="mobile" value="{$data['mobile']}" placeholder="" required lay-verify="mobile" autocomplete="off" class="layui-input">
      </div>
    </div>
  </div>
    
    <div class="layui-form-item">
    <div class="layui-block">
      <label class="layui-form-label">地址</label>
      <div class="layui-input-block" style="padding-right:20px;">
        <textarea type="text" name="addr"   placeholder="" required lay-verify="addr" class="layui-textarea">{$data['addr']}</textarea>
      </div>
    </div>
  </div>


  <div class="layui-form-item">
    <div class="layui-block">
      <label class="layui-form-label">描述</label>
      <div class="layui-input-block" style="padding-right:20px;">
        <textarea type="text" name="description" placeholder="" required lay-verify="description" class="layui-textarea">{$data.description}</textarea>
      </div>
    </div>
  </div>
  
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">状态</label>
      <div class="layui-input-inline">
        <select name="status" required lay-verify="required" lay-filter="">
          <option value="1"  {eq name="data.status" value="1"}selected{/eq}>已公开</option>
          <option value="0" {eq name="data.status" value="0"}selected{/eq}>不公开</option>
        </select>
      </div>
    </div>
  </div>


  <div class="layui-footer">
    <button class="layui-btn layui-btn-normal layui-btn-small" lay-submit lay-filter="*" type="button">立即提交</button>
    <button class="layui-btn layui-btn-small layui-btn-primary" id="closeFrame" type="button">完成/取消</button>
  </div>
</form>
<script>
  layui.use(['layer','jquery','form','layedit'],function(){
    var $ = layui.jquery;
    var form = layui.form;
    var layedit = layui.layedit;
    layedit.set({
    	uploadImage:{
    		url: '{:url('upload/articleImage')}',type:'post'
    	}
    })
    var editIndex = layedit.build('content');

    form.verify({
      name:function(value){if(value.length < 4){return '名称至少得5字符!';}},
      addr:function(value){if(value.length < 1){return '请填写地址';}},
      description:function(value){if(value.length < 1){return '请填写描述信息';}}
      ,content:function(value){layedit.sync(editIndex);},
       mobile: [ /^[\S]{7,15}$/,'电话必须7到15位，且不能出现空格']
    });

    //监听提交
    form.on('submit(*)', function(data){
      data.form.submit();
      return true;
    });
    $('#closeFrame').on('click',function(){
      parent.layer.closeAll();
    })
    $('#addData').on('click',function(){
      $('form').submit();
    })
  });
</script>
{/block}
{block name="script"}
{/block}
